.custom_area{
  background: #1f1f1f;
}

.clearfix:after {
    clear: both;
}

.custom_area {
    margin: 0 auto;
}

img {
    width:100%;
}

p{
  margin: 10px auto;
  line-height: 2;
  text-align: left;
}

.lead {
  text-align: center;
  line-height: 2;
  margin: 30px auto;
  font-weight: 600;
}

@media screen and (min-width: 761px){

  .custom_area{
    width: 1100px;
  }
    .sp{
      display:none;
    }
    .pc{
      display:block;
    }
    .pc.pc_area {
      width: 90%;
      margin: 0 auto;
    }
}

@media screen and (max-width: 760px){
    .pc{
        display:none;
    }
    .sp{
        display:block;
    }
}

.about_car_area .box_l {
    float: left;
    width: 50%;
}

.about_car_area .box_r {
    float: right;
    width: 50%;
}

.about_car_area {
    margin: 0 auto 20px;
}


.car_logo {
    width: 50%;
    margin: 0 auto 30px;
}

.txt_box {
    text-align: center;
}

.pc.clearfix:after {
    clear: both;
}

.which_area .catch {
    width: 40%;
    margin: 0 auto 30px;
}

.about_car table,th,td {
    border-collapse: collapse;
    border: solid 1px #ccc;
    margin: 0 auto 80px;
    padding: 15px;
}

.about_car th {
    background: #8e8e8e;
    border-bottom: solid 1px #fff;
    color: #fff;
}

ul.tanto_list {
    list-style-type: none;
    padding-left: 0;
}

ul.tanto_list li:before {content: "";background: #ccc url();width: 15px;height: 15px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

ul.tanto_list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 5px;
}

.recommend_area .catch {
    width: 50%;
    margin: 0 auto 60px;
}

.contents_txt {
    text-align: center;
    margin-bottom: 30px;
}

.pc.pc_area img {
    margin-bottom: 90px;
}

.bnr_area {
    width: 610px;
    margin: 0 auto 100px;
}

.custom_ph{
    margin-bottom: 150px;
}

.custom_ph .ph {
  height: 370px;
  margin-bottom: 30px;
}

.col2 .box {
  float: left;
  width: 50%;
  color: #FFF
}

.txt {
  width: 90%;
  margin: 0 auto;
}

.about {
    margin-bottom: 280px;
}

.custom_ph.ttl04 {
    margin-bottom: 120px;
}

.custom_ph.ttl05 {
    margin-bottom: 120px;
}

/*sp*/
@media screen and (max-width: 760px){
  table {width: 90%;}

  .about_car_area {
      margin-bottom: 5%;
  }

  .sp.sp_area {
      width: 90%;
      margin: 0 auto 5%;
  }
}

  .custom_area {
      background: #1f1e1e;
      color: #fff;
  }
/*pc*/
@media screen and (min-width: 761px){

  .box {width: 50%;/* background: #000; */}
  .custom_area {
      padding-bottom: 150px;
  }

  .col2 .box {
      float: left;
      width: 50%;
      margin-bottom: 50px;
  }

  .col2 .box .txt {
      padding: 22px;
      width: 100%;
      line-height: 1.8;
  }

  .col2 .box .catch {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 10px;
  }

  .car_area .txt {
      width: 90%;
      margin: 0 auto 100px;
      line-height: 2;
  }

  .custom_ph .ttl img {
      margin-bottom: 50px;
      /* line-height: 2; */
  }

  .bnr_area {
      width: 60%;
      margin: 0 auto;
  }
}

@media screen and (min-width: 761px) {
  .about .bnr_area {
    margin-top: 70px;
  }

}


@media screen and (max-width: 760px){
  .bnr_area {
      width: 80%;
      margin: 0 auto 10%;
  }

  .custom_ph.ttl05 {
    margin-bottom: 15%;
  }

  .ttl {
    margin-bottom: 5%;
  }

  .tit{
    margin-top: 0;
  }


  .contents .btn_bg_red a {
    margin-bottom: 8%;
  }
  .custom_area {
    padding-bottom: 5%;
  }

  .custom_ph .ph {
    height: auto;
    margin-bottom: 5%;
  }

  .custom_ph{
    margin-bottom: 10%;
  }

  .about{
    margin-bottom: 0;
  }

  .col2 .box {
    width: 100%;
  }
  .col2 .box .ph{
    margin-bottom: 3%;
  }
  .col2 .box .catch {
    font-size: 4.5vw;
    font-weight: 600;
  }
  .about_car_area .box_l,
  .about_car_area .box_r{
    width: 100%;
  }

  .contents .btn_bg_red a {
    font-size: 3.5vw;
    margin-top: 5%;
  }
}
.contents .btn_bg_red {
    width: 100%;
}

.contents .btn_bg_red a{
  width: 80%;
}